<template>
  <div class="content" :style="contentStyle">
    <Imageries v-for="(item,index) in imageriesIndex.imageries" :key="index" :imageryIndex="item" />
    <Roles v-for="(item,index) in rolesIndex" :key="index+1000" :roleIndex="item" />
    <Clues v-for="(item,index) in culesIndex" :key="index+2000" :clueIndex="item" :imageries="imageries" />
  </div>
</template>

<script>
import { mapGetters } from "vuex"
import { mixins } from "@/common/mixins/contentMixins.js"
import Imageries from "./imageries.vue"
import Roles from "./roles.vue"
import Clues from "./clues.vue"
export default {
  mixins: [mixins],
  components: {
    Imageries,
    Roles,
    Clues
  },
  computed: {
    //每页线索
    culesIndex() {
      let cluesList = []
      //遍历线索对象 获取eryPage为当前页面索引的线索
      for (let i in this.clues) {
        if (this.clues[i].pageSerialNumber === this.index + 1) {
          cluesList.push(this.clues[i])
        }
      }
      //返回单个线索
      return cluesList
    },
    ...mapGetters("blueFoxStatus", {
      clues: "getClues"
    })
  }
};
</script>

<style scoped lang='stylus'>
@import '../../../common/stylus/content.styl'
</style>
